﻿@model indicadores.Models.Departamento
@{
    ViewBag.Title = "Detalhes";
    Layout = "~/Views/Shared/Layout.cshtml";
}
@section Head{
    <script type="text/javascript">
        var i = 0;
        var a = 0;
        $(document).ready(function () {

            $("#ConcAcesso").click(function () {
                $(".escondertela").fadeIn();
                $(".jandelamodal").fadeIn();
            });
            $(".escondertela").click(function () {
                $(".escondertela").fadeOut();
                $(".jandelamodal").fadeOut();
            });
            $("#atv").show();
            $("#ativo").show();
            $("#ativo").click(function () {
                if (i == 0) {
                    i = 1;
                    $(".ano").stop(true, true).find('li').slideUp();
                    $(".ano li#atv").stop(true, true).show();
                    $(".indicador").stop(true, true).find('li').slideToggle("normal", function () {
                        i = 0;
                    });
                    $(".indicador li#ativo").stop(true, true).show();
                }
            });

            $("#atv").click(function () {
                if (a == 0) {
                    a = 1;
                    $(".indicador").stop(true, true).find('li').slideUp();
                    $(".indicador li#ativo").stop(true, true).show();
                    $(".ano").stop(true, true).find('li').slideToggle("normal", function () {
                        a = 0;
                    });
                    $(".ano li#atv").stop(true, true).show();
                }
            });
        });
    </script>
}
@section SubMenu{
    <h1>
        Administrativo</h1>
    <div class="links">
        @Html.ActionLink("Conceder Acesso", "Acesso", new { id = Model.Id })
        @Html.ActionLink("Indicadores", "Indicadores", new { id = Model.Id })
    </div>
}
<div class="escondertela">
</div>
<div class="jandelamodal">
    <fieldset>
        <legend>
            <h2>
                Conceder Acesso</h2>
        </legend>
        <div class="editor-label">
            <label for="Nome">
                Nome Completo:</label></div>
        <div class="editor-field">
            <input type="text" name="Nome" />
        </div>
        <div class="editor-label">
            <label for="Login">
                Login de Rede:</label></div>
        <div class="editor-field">
            <input type="text" name="Login" />
        </div>
        <div class="editor-label">
            <label for="Acesso">
                Acesso:</label></div>
        <div class="editor-field">
            <input type="text" name="Acesso" />
        </div>
        <div class="editor-label">
            <input type="submit" name="Acesso" value="Conceder Acesso" />
        </div>
    </fieldset>
</div>
<div class="cab">
    <ul class="indicador">
        <li id="ativo"><a href="#">Indicador 1</a></li>
        <li><a href="#">Indicador 2</a></li>
        <li><a href="#">Indicador 3</a></li>
        <li><a href="#">Indicador 4</a></li>
    </ul>
    <ul class="ano">
        <li id="atv"><a href="#">2011</a></li>
        <li><a href="#">2010</a></li>
        <li><a href="#">2009</a></li>
        <li><a href="#">2008</a></li>
    </ul>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
